<template>
	<view class="vdio-conr">
		<vido-item :item="item" v-for="(item,index) in list" :key="index" :class="((index+1)%2 == 0)?'left':'right'" ></vido-item>
	</view>
</template>

<script>
	export default {
		name:"vido-list",
		data() {
			return {
				
			};
		},
		props:{
			list:{
				type:Array,
				default(){
					return []
				}
			}
		}
	}
</script>

<style scoped lang="scss">
.vdio-conr{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.left{
	box-sizing: border-box;
	padding-left: 4px;
	margin-bottom: 8px;
	width: 50%;
}
.right{
	box-sizing: border-box;
	padding-right: 4px;
	margin-bottom: 8px;
	width: 50%;
}
</style>
